<html>
  <head>
    <title>This is my first page</title>
    <style type="text/css">
      body{
        background:#EBF3EF;
        font-family: sans-serif
      }
      table{
        background:#D3E4DC;
        font:verdana;
        border-right:1px solid #78E6EB;
        border-top:1px solid #78E6EB;
      }
      table thead{
        background:black;
        color:white;
      }

      th{
        height: 42px;
      }
      input[type="text"],input[type="password"],input[type="email"],input[type="date"]{
        width:250px;
        height:30px;
        font-size:20px;
        color:#3A689A;
        background:#EFF2B3;
        padding:5px;
        margin-left:5px;
        margin-top:5px;
        margin-bottom:5px;
        border:1px solid #78E6EB ;
      }

      textarea{
        width:250px;
        height:50px;
        font-size:20px;
        color:#3A689A;
        background:#EFF2B3;
        padding:5px;
        margin-left:5px;
        margin-top:5px;
        margin-bottom:5px;
        border:1px solid #78E6EB ;
      }

      select{
        width:250px;
        font-size:20px;
        color:#3A689A;
        background:#EFF2B3;
        padding:5px;
        margin-left:5px;
        margin-top:5px;
        border:1px solid #78E6EB ;
      }
      td,th{
        border-left:1px solid #78E6EB;
        border-bottom:1px solid #78E6EB;
      }
      input[type="file"]{

        height:40px;
        font-size:20px;
        color:#3A689A;
        background:#EFF2B3;
        padding:5px;
        margin:5px;
        border:1px solid #78E6EB ;
      }
      input[type="submit"]{
        background:black;
        color:white;
        height:40px;
        width:250px;
        font-size:20px;
        padding:5px;
        margin:5px;
        border:1px solid #78E6EB ;
      }
    </style>
  </head>
  <body>
  <form>
      <table border="0" cellspacing="0" align="center" width="80%">
        <thead>
          <tr>
            <th colspan="2">Please fill he details below</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td width="40%" align="right">Name :</td>
            <td><input required type="text" placeholder="My Name is.."/></td>
          </tr>

          <tr>
            <td align="right">Email :</td>
            <td><input type="email" required placeholder="example@example.com"/></td>
          </tr>

          <tr>
            <td align="right">Password :</td>
            <td><input type="password"  title="My Password is.." placeholder="My Password is.."/></td>
          </tr>

          <tr>
            <td align="right">Confirm Password :</td>
            <td><input type="password"  placeholder="My Confirm Pass is.."/></td>
          </tr>

          <tr>
            <td align="right">Date Of Birth :</td>
            <td><input type="date" placeholder="YYYY/MM/DD"/></td>
          </tr>

          <tr>
            <td align="right">Address :</td>
            <td><textarea placeholder="My Address is.."></textarea></td>
          </tr>

          <tr>
            <td align="right">Country :</td>
            <td>
              <select>
                <option>-Select-</option>
                <option>India</option>
                <option>Pakistan</option>
                <option>Nepal</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Gender :</td>
            <td>
              <label><input type="radio" name="gender"/>Male</label>
              <label><input type="radio" name="gender"/>Female</label>
            </td>
          </tr>


          <tr>
            <td align="right">Language :</td>
            <td>
              <select multiple>
                <option>C</option>
                <option>C++</option>
                <option>PHP</option>
                <option>.Net</option>
              </select>
            </td>
          </tr>

          <tr>
            <td align="right">Hobbies :</td>
            <td>
              <label><input type="checkbox" name="hobbies"/>Cricket</label>
              <label><input type="checkbox" name="hobbies"/>Football</label>
              <label><input type="checkbox" name="hobbies"/>Hockey</label>
              <label><input type="checkbox" name="hobbies"/>Others</label>
            </td>
          </tr>

          <tr>
            <td align="right">Avatar :</td>
            <td><input type="file"/></td>
          </tr>

          <tr>
            <td align="right">&nbsp;</td>
            <td><input value="I am done!!" type="submit"/></td>
          </tr>

        </tbody>
      </table>
    </form>
  </body>
</html>
